<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>酷玩最新</title>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link rel="stylesheet" href="/public/static/css/bootstrap.min.css" />
    <link rel="stylesheet" href="/public/static/css/public.css" />
    <link rel="stylesheet" href="/public/static/css/guid.css">
    <!--[if lt IE9]>
    <script src="/public/static/js/html5shiv.min.js"></script>
    <script src="/public/static/js/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <!-- 引入头部 -->
    {include file="index@common/top"/}
    <!-- 标题 -->
    <div class="container-fluid" id="title">
        <h2>导购清单</h2>
        <div class="tabs">
            <a href="javascript:void(0)" class="current btnOne">最新</a>
            <a href="javascript:void(0)" class="btnTwo">最热</a>
        </div>
    </div>

    <!-- 内容 -->
    <!-- 最新  -->
    <div class="playNewCon playNewConOne active">
        <div class="container content-list clearfix">

            <!-- 1 -->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img class="lazy" src="" data-original="" alt="" />
                    <div class="caption">
                        <a href="">空气净化器里面学问多得惊呆你，你选对了吗？</a>
                        <p class="name clearfix">
                            <span class="pull-right">
                                <a class="zan"></a>
                                <span>3</span>
                                <a class="xin"></a>
                                <span>2</span>
                            </span>
                        </p>
                    </div>
                </div>
            </div>
            <!-- 2 -->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img class="lazy" src="" data-original="" alt="" />
                    <div class="caption">
                        <a href="">空气净化器里面学问多得惊呆你，你选对了吗？</a>
                        <p class="name clearfix">
                            <span class="pull-right">
                                <a class="zan"></a>
                                <span>3</span>
                                <a class="xin"></a>
                                <span>2</span>
                            </span>
                        </p>
                    </div>
                </div>
            </div>
            <!-- 3 -->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img class="lazy" src="" data-original="" alt="" />
                    <div class="caption">
                        <a href="">空气净化器里面学问多得惊呆你，你选对了吗？</a>
                        <p class="name clearfix">
                            <span class="pull-right">
                                <a class="zan"></a>
                                <span>3</span>
                                <a class="xin"></a>
                                <span>2</span>
                            </span>
                        </p>
                    </div>
                </div>
            </div>
            <!-- 4 -->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img class="lazy" src="" data-original="" alt="" />
                    <div class="caption">
                        <a href="">空气净化器里面学问多得惊呆你，你选对了吗？</a>
                        <p class="name clearfix">
                            <span class="pull-right">
                                <a class="zan"></a>
                                <span>3</span>
                                <a class="xin"></a>
                                <span>2</span>
                            </span>
                        </p>
                    </div>
                </div>
            </div>



            <!-- 1 -->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img class="lazy" src="" data-original="" alt="" />
                    <div class="caption">
                        <a href="">空气净化器里面学问多得惊呆你，你选对了吗？</a>
                        <p class="name clearfix">
                            <a href="" class="pull-left">●<span>苏苏</span></a>
                            <span class="pull-right">
                                <a class="zan"></a>
                                <span>3</span>
                                <a class="xin"></a>
                                <span>2</span>
                            </span>
                        </p>
                    </div>
                </div>
            </div>
            <!-- 2 -->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img class="lazy" src="" data-original="" alt="" />
                    <div class="caption">
                        <a href="">空气净化器里面学问多得惊呆你，你选对了吗？</a>
                        <p class="name clearfix">
                            <a href="" class="pull-left">●<span>苏苏</span></a>
                            <span class="pull-right">
                                <a class="zan"></a>
                                <span>3</span>
                                <a class="xin"></a>
                                <span>2</span>
                            </span>
                        </p>
                    </div>
                </div>
            </div>
            <!-- 3 -->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img class="lazy" src="" data-original="" alt="" />
                    <div class="caption">
                        <a href="">空气净化器里面学问多得惊呆你，你选对了吗？</a>
                        <p class="name clearfix">
                            <a href="" class="pull-left">●<span>苏苏</span></a>
                            <span class="pull-right">
                                <a class="zan"></a>
                                <span>3</span>
                                <a class="xin"></a>
                                <span>2</span>
                            </span>
                        </p>
                    </div>
                </div>
            </div>
            <!-- 4 -->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img class="lazy" src="" data-original="" alt="" />
                    <div class="caption">
                        <a href="">空气净化器里面学问多得惊呆你，你选对了吗？</a>
                        <p class="name clearfix">
                            <a href="" class="pull-left">●<span>苏苏</span></a>
                            <span class="pull-right">
                                <a class="zan"></a>
                                <span>3</span>
                                <a class="xin"></a>
                                <span>2</span>
                            </span>
                        </p>
                    </div>
                </div>
            </div>



            <!-- 1 -->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img class="lazy" src="" data-original="" alt="" />
                    <div class="caption">
                        <a href="">空气净化器里面学问多得惊呆你，你选对了吗？</a>
                        <p class="name clearfix">
                            <a href="" class="pull-left">●<span>苏苏</span></a>
                            <span class="pull-right">
                                <a class="zan"></a>
                                <span>3</span>
                                <a class="xin"></a>
                                <span>2</span>
                            </span>
                        </p>
                    </div>
                </div>
            </div>
            <!-- 2 -->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img class="lazy" src="" data-original="" alt="" />
                    <div class="caption">
                        <a href="">空气净化器里面学问多得惊呆你，你选对了吗？</a>
                        <p class="name clearfix">
                            <a href="" class="pull-left">●<span>苏苏</span></a>
                            <span class="pull-right">
                                <a class="zan"></a>
                                <span>3</span>
                                <a class="xin"></a>
                                <span>2</span>
                            </span>
                        </p>
                    </div>
                </div>
            </div>
            <!-- 3 -->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img class="lazy" src="" data-original="" alt="" />
                    <div class="caption">
                        <a href="">空气净化器里面学问多得惊呆你，你选对了吗？</a>
                        <p class="name clearfix">
                            <a href="" class="pull-left">●<span>苏苏</span></a>
                            <span class="pull-right">
                                <a class="zan"></a>
                                <span>3</span>
                                <a class="xin"></a>
                                <span>2</span>
                            </span>
                        </p>
                    </div>
                </div>
            </div>
            <!-- 4 -->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img class="lazy" src="" data-original="" alt="" />
                    <div class="caption">
                        <a href="">空气净化器里面学问多得惊呆你，你选对了吗？</a>
                        <p class="name clearfix">
                            <a href="" class="pull-left">●<span>苏苏</span></a>
                            <span class="pull-right">
                                <a class="zan"></a>
                                <span>3</span>
                                <a class="xin"></a>
                                <span>2</span>
                            </span>
                        </p>
                    </div>
                </div>
            </div>



            <!-- 1 -->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img class="lazy" src="" data-original="" alt="" />
                    <div class="caption">
                        <a href="">空气净化器里面学问多得惊呆你，你选对了吗？</a>
                        <p class="name clearfix">
                            <a href="" class="pull-left">●<span>苏苏</span></a>
                            <span class="pull-right">
                                <a class="zan"></a>
                                <span>3</span>
                                <a class="xin"></a>
                                <span>2</span>
                            </span>
                        </p>
                    </div>
                </div>
            </div>
            <!-- 2 -->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img class="lazy" src="" data-original="" alt="" />
                    <div class="caption">
                        <a href="">空气净化器里面学问多得惊呆你，你选对了吗？</a>
                        <p class="name clearfix">
                            <a href="" class="pull-left">●<span>苏苏</span></a>
                            <span class="pull-right">
                                <a class="zan"></a>
                                <span>3</span>
                                <a class="xin"></a>
                                <span>2</span>
                            </span>
                        </p>
                    </div>
                </div>
            </div>
            <!-- 3 -->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img class="lazy" src="" data-original="" alt="" />
                    <div class="caption">
                        <a href="">空气净化器里面学问多得惊呆你，你选对了吗？</a>
                        <p class="name clearfix">
                            <a href="" class="pull-left">●<span>苏苏</span></a>
                            <span class="pull-right">
                                <a class="zan"></a>
                                <span>3</span>
                                <a class="xin"></a>
                                <span>2</span>
                            </span>
                        </p>
                    </div>
                </div>
            </div>
            <!-- 4 -->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img class="lazy" src="" data-original="" alt="" />
                    <div class="caption">
                        <a href="">空气净化器里面学问多得惊呆你，你选对了吗？</a>
                        <p class="name clearfix">
                            <a href="" class="pull-left">●<span>苏苏</span></a>
                            <span class="pull-right">
                                <a class="zan"></a>
                                <span>3</span>
                                <a class="xin"></a>
                                <span>2</span>
                            </span>
                        </p>
                    </div>
                </div>
            </div>



        </div>

        <div class="row text-center">
            <button class="text-center addBtn"><span class="glyphicon glyphicon-menu-down"></span> 点击加载更多</button>
        </div>
    </div>
    <!-- 最热 -->
    <div class="playNewCon playNewConTwo">
        <div class="container content-list clearfix">

            <!-- 1 -->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img class="lazy" src="" data-original="" alt="" />
                    <div class="caption">
                        <a href="">空气净化器里面学问多得惊呆你，你选对了吗？</a>
                        <p class="name clearfix">
                            <span class="pull-right">
                                <a class="zan"></a>
                                <span>3</span>
                                <a class="xin"></a>
                                <span>2</span>
                            </span>
                        </p>
                    </div>
                </div>
            </div>
            <!-- 2 -->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img class="lazy" src="" data-original="" alt="" />
                    <div class="caption">
                        <a href="">空气净化器里面学问多得惊呆你，你选对了吗？</a>
                        <p class="name clearfix">
                            <span class="pull-right">
                                <a class="zan"></a>
                                <span>3</span>
                                <a class="xin"></a>
                                <span>2</span>
                            </span>
                        </p>
                    </div>
                </div>
            </div>
            <!-- 3 -->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img class="lazy" src="" data-original="" alt="" />
                    <div class="caption">
                        <a href="">空气净化器里面学问多得惊呆你，你选对了吗？</a>
                        <p class="name clearfix">
                            <span class="pull-right">
                                <a class="zan"></a>
                                <span>3</span>
                                <a class="xin"></a>
                                <span>2</span>
                            </span>
                        </p>
                    </div>
                </div>
            </div>
            <!-- 4 -->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img class="lazy" src="" data-original="" alt="" />
                    <div class="caption">
                        <a href="">空气净化器里面学问多得惊呆你，你选对了吗？</a>
                        <p class="name clearfix">
                            <span class="pull-right">
                                <a class="zan"></a>
                                <span>3</span>
                                <a class="xin"></a>
                                <span>2</span>
                            </span>
                        </p>
                    </div>
                </div>
            </div>

            <!-- 1 -->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img class="lazy" src="" data-original="" alt="" />
                    <div class="caption">
                        <a href="">空气净化器里面学问多得惊呆你，你选对了吗？</a>
                        <p class="name clearfix">
                            <a href="" class="pull-left">●<span>苏苏</span></a>
                            <span class="pull-right">
                                <a class="zan"></a>
                                <span>3</span>
                                <a class="xin"></a>
                                <span>2</span>
                            </span>
                        </p>
                    </div>
                </div>
            </div>
            <!-- 2 -->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img class="lazy" src="" data-original="" alt="" />
                    <div class="caption">
                        <a href="">空气净化器里面学问多得惊呆你，你选对了吗？</a>
                        <p class="name clearfix">
                            <a href="" class="pull-left">●<span>苏苏</span></a>
                            <span class="pull-right">
                                <a class="zan"></a>
                                <span>3</span>
                                <a class="xin"></a>
                                <span>2</span>
                            </span>
                        </p>
                    </div>
                </div>
            </div>
            <!-- 3 -->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img class="lazy" src="" data-original="" alt="" />
                    <div class="caption">
                        <a href="">空气净化器里面学问多得惊呆你，你选对了吗？</a>
                        <p class="name clearfix">
                            <a href="" class="pull-left">●<span>苏苏</span></a>
                            <span class="pull-right">
                                <a class="zan"></a>
                                <span>3</span>
                                <a class="xin"></a>
                                <span>2</span>
                            </span>
                        </p>
                    </div>
                </div>
            </div>
            <!-- 4 -->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img class="lazy" src="" data-original="" alt="" />
                    <div class="caption">
                        <a href="">空气净化器里面学问多得惊呆你，你选对了吗？</a>
                        <p class="name clearfix">
                            <a href="" class="pull-left">●<span>苏苏</span></a>
                            <span class="pull-right">
                                <a class="zan"></a>
                                <span>3</span>
                                <a class="xin"></a>
                                <span>2</span>
                            </span>
                        </p>
                    </div>
                </div>
            </div>

            <!-- 1 -->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img class="lazy" src="" data-original="" alt="" />
                    <div class="caption">
                        <a href="">空气净化器里面学问多得惊呆你，你选对了吗？</a>
                        <p class="name clearfix">
                            <a href="" class="pull-left">●<span>苏苏</span></a>
                            <span class="pull-right">
                                <a class="zan"></a>
                                <span>3</span>
                                <a class="xin"></a>
                                <span>2</span>
                            </span>
                        </p>
                    </div>
                </div>
            </div>
            <!-- 2 -->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img class="lazy" src="" data-original="" alt="" />
                    <div class="caption">
                        <a href="">空气净化器里面学问多得惊呆你，你选对了吗？</a>
                        <p class="name clearfix">
                            <a href="" class="pull-left">●<span>苏苏</span></a>
                            <span class="pull-right">
                                <a class="zan"></a>
                                <span>3</span>
                                <a class="xin"></a>
                                <span>2</span>
                            </span>
                        </p>
                    </div>
                </div>
            </div>
            <!-- 3 -->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img class="lazy" src="" data-original="" alt="" />
                    <div class="caption">
                        <a href="">空气净化器里面学问多得惊呆你，你选对了吗？</a>
                        <p class="name clearfix">
                            <a href="" class="pull-left">●<span>苏苏</span></a>
                            <span class="pull-right">
                                <a class="zan"></a>
                                <span>3</span>
                                <a class="xin"></a>
                                <span>2</span>
                            </span>
                        </p>
                    </div>
                </div>
            </div>
            <!-- 4 -->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img class="lazy" src="" data-original="" alt="" />
                    <div class="caption">
                        <a href="">空气净化器里面学问多得惊呆你，你选对了吗？</a>
                        <p class="name clearfix">
                            <a href="" class="pull-left">●<span>苏苏</span></a>
                            <span class="pull-right">
                                <a class="zan"></a>
                                <span>3</span>
                                <a class="xin"></a>
                                <span>2</span>
                            </span>
                        </p>
                    </div>
                </div>
            </div>

            <!-- 1 -->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img class="lazy" src="" data-original="" alt="" />
                    <div class="caption">
                        <a href="">空气净化器里面学问多得惊呆你，你选对了吗？</a>
                        <p class="name clearfix">
                            <a href="" class="pull-left">●<span>苏苏</span></a>
                            <span class="pull-right">
                                <a class="zan"></a>
                                <span>3</span>
                                <a class="xin"></a>
                                <span>2</span>
                            </span>
                        </p>
                    </div>
                </div>
            </div>
            <!-- 2 -->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img class="lazy" src="" data-original="" alt="" />
                    <div class="caption">
                        <a href="">空气净化器里面学问多得惊呆你，你选对了吗？</a>
                        <p class="name clearfix">
                            <a href="" class="pull-left">●<span>苏苏</span></a>
                            <span class="pull-right">
                                <a class="zan"></a>
                                <span>3</span>
                                <a class="xin"></a>
                                <span>2</span>
                            </span>
                        </p>
                    </div>
                </div>
            </div>
            <!-- 3 -->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img class="lazy" src="" data-original="" alt="" />
                    <div class="caption">
                        <a href="">空气净化器里面学问多得惊呆你，你选对了吗？</a>
                        <p class="name clearfix">
                            <a href="" class="pull-left">●<span>苏苏</span></a>
                            <span class="pull-right">
                                <a class="zan"></a>
                                <span>3</span>
                                <a class="xin"></a>
                                <span>2</span>
                            </span>
                        </p>
                    </div>
                </div>
            </div>
            <!-- 4 -->
            <div class="col-md-3">
                <div class="thumbnail">
                    <img class="lazy" src="" data-original="" alt="" />
                    <div class="caption">
                        <a href="">空气净化器里面学问多得惊呆你，你选对了吗？</a>
                        <p class="name clearfix">
                            <a href="" class="pull-left">●<span>苏苏</span></a>
                            <span class="pull-right">
                                <a class="zan"></a>
                                <span>3</span>
                                <a class="xin"></a>
                                <span>2</span>
                            </span>
                        </p>
                    </div>
                </div>
            </div>



        </div>
        <div class="row text-center">
            <button class="text-center addBtn"><span class="glyphicon glyphicon-menu-down"></span> 点击加载更多</button>
        </div>

    </div>






    <!-- 引入底部 -->
    {include file="index@common/footer"/}
    <script src="/public/static/js/jquery.min.js"></script>
    <script src="/public/static/js/bootstrap.min.js"></script>
    <script src="/public/static/js/jquery.lazyload.js"></script>
    <script src="/public/static/js/new-hot-demo.js"></script>
    <script src="/public/static/js/guid.js"></script>
</body>

</html>